<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>商业网站</title>
	<link href="css/public-style.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">
</head>
<body>
	<!--导航栏模块-->
	<div class="nav">
		<div class="nav-top">
		<img src="img/logo-white.png" alt="">
		<ul>
			<li><a href="#home">家</a></li>
			<li><a href="#women">关于我们</a></li>
			<li><a href="#hanye">服务行业</a></li>
			<li><a href="#xiangmu">项目</a></li>
			<li><a href="#lianxi">联系</a></li>
		</ul>
		</div>
	</div>
	<!--内容模块1-->
	<div class="content1">
		<div class="content1-center">
		<div class="content1-left">
		<h1  id="home">为每位企业家打造的企业</h1>
		<p>没有那么多天赋异禀，优秀的人总是努力翻山越岭。要相信，所有的不美好都是为了迎接美好，所有的困难都会为努力让道。</p>
		<font>更多</font>
		</div>
		<div class="content1-right">
		<img src="img/pic1.jpg" alt="">
		</div>
		</div>
	</div>
	<!--内容模块2-->
	<div class="content2">
	<div class="content2-center">
		<div class="content2-top">
			<div class="content2-top-left">
			<h2 id="women">关于我们</h2>
			</div>
			<div class="content2-top-right">
			<p>Lorem Ipsum 只是印刷和排版行业的虚拟文本。自 1500 年代以来，Lorem Ipsum 一直是该行业的标准虚拟文本，当时一位不知名的印刷商拿走了一个打字厨房并加扰它以制作打字样本书。</p>
			<p>它不仅经历了五个世纪，而且在向电子排版的飞跃中幸存下来，基本上保持不变。</p>
			</div>
		</div>
		<div class="content2-img">
			<img src="img/pic2.jpg" alt="">
		</div>
	</div>
	</div>
	<!--内容模块3-->
	<div class="content3">
		<div class="content3-top">
		<h2 id="hanye">服务行业</h2>
		</div>
		<div class="content3-center">
		<div class="content3-center-white">
			<img src="img/log1.png" alt="">
			<h3>商业</h3>
			<p>没有那么多天赋异禀，优秀的人总是努力翻山越岭。要相信，所有的不美好都是为了迎接美好，所有的困难都会为努力让道。</p>
		</div>
		<div class="content3-center-blue">
			<img src="img/log2.png" alt="">
			<h3>金融</h3>
			<p>没有那么多天赋异禀，优秀的人总是努力翻山越岭。要相信，所有的不美好都是为了迎接美好，所有的困难都会为努力让道。</p>
		</div>
		<div class="content3-center-white">
			<img src="img/log3.png" alt="">
			<h3>营销</h3>
			<p>没有那么多天赋异禀，优秀的人总是努力翻山越岭。要相信，所有的不美好都是为了迎接美好，所有的困难都会为努力让道。</p>
		</div>
		<div class="content3-center-blue">
			<img src="img/log4.png" alt="">
			<h3>顾问</h3>
			<p>没有那么多天赋异禀，优秀的人总是努力翻山越岭。要相信，所有的不美好都是为了迎接美好，所有的困难都会为努力让道。</p>
		</div>
		<div class="content3-center-white">
			<img src="img/log5.png" alt="">
			<h3>人力资源</h3>
			<p>没有那么多天赋异禀，优秀的人总是努力翻山越岭。要相信，所有的不美好都是为了迎接美好，所有的困难都会为努力让道。</p>
		</div>
		<div class="content3-center-blue">
			<img src="img/log6.png" alt="">
			<h3>回收</h3>
			<p>没有那么多天赋异禀，优秀的人总是努力翻山越岭。要相信，所有的不美好都是为了迎接美好，所有的困难都会为努力让道。</p>
		</div>
		</div>
	</div>
	<!--内容模块4-->
	<div class="content4">
		<div class="content4-center">
			<div class="content4-center-xiangmuleft">
			<div class="content4-center-xiangmuleft-text">
				<h3 id="xiangmu">项目1.</h3>
				<p>屈平疾王听之不聪也，谗谄之蔽明也，邪曲之害公也，方正之不容也，故忧愁幽思而作《离骚》。“离骚”者，犹离忧也。夫天者，人之始也；父母者，人之本也。人穷则反本，故劳苦倦极，未尝不呼天也；疾痛惨怛，未尝不呼父母也。</p>
				<p>屈平正道直行，竭忠尽智以事其君，谗人间之，可谓穷矣。信而见疑，忠而被谤，能无怨乎？屈平之作《离骚》，盖自怨生也。</p>
			</div>
			<div class="content4-center-xiangmuleft-img">
				<img src="img/pic3.jpg" alt="">	
			</div>
			</div>
			<div class="content4-center-xiangmuright">
			<div class="content4-center-xiangmuright-text">
				<h3>项目2.</h3>
				<p>屈平疾王听之不聪也，谗谄之蔽明也，邪曲之害公也，方正之不容也，故忧愁幽思而作《离骚》。“离骚”者，犹离忧也。夫天者，人之始也；父母者，人之本也。人穷则反本，故劳苦倦极，未尝不呼天也；疾痛惨怛，未尝不呼父母也。</p>
				<p>屈平正道直行，竭忠尽智以事其君，谗人间之，可谓穷矣。信而见疑，忠而被谤，能无怨乎？屈平之作《离骚》，盖自怨生也。</p>
			</div>
			<div class="content4-center-xiangmuright-img">
				<img src="img/pic4.jpg" alt="">
			</div>
			</div>
			<div class="content4-center-xiangmuleft">
			<div class="content4-center-xiangmuleft-text">
				<h3>项目3.</h3>
				<p>屈平疾王听之不聪也，谗谄之蔽明也，邪曲之害公也，方正之不容也，故忧愁幽思而作《离骚》。“离骚”者，犹离忧也。夫天者，人之始也；父母者，人之本也。人穷则反本，故劳苦倦极，未尝不呼天也；疾痛惨怛，未尝不呼父母也。</p>
				<p>屈平正道直行，竭忠尽智以事其君，谗人间之，可谓穷矣。信而见疑，忠而被谤，能无怨乎？屈平之作《离骚》，盖自怨生也。</p>
			</div>
			<div class="content4-center-xiangmuleft-img">
				<img src="img/pic5.jpg" alt="">	
			</div>
			</div>
		</div>
	</div>
	<!--模块内容5-->
	<section class="content5">
		<div class="content5-top">
			<h2 id="lianxi">联系我们</h2>
		<div class="content5-center">
			<div class="content5-center-form">
				<form action="#" method="post">
				<div class="half">
				<label class="half-lable">姓名</label>
				<input type="text" name="">
				</div>
				<div class="half">
				<label class="half-lable">电子邮箱</label>
				<input type="email" name="">
				</div>
				<div class="half">
				<label class="half-lable">主题</label>
				<input type="text" name="">
				</div>
				<div class="half">
				<label class="half-lable">电话</label>
				<input type="text" name="">
				</div>
				<div class="half">
				<label class="half-lable">消息</label>
				<textarea class="text"></textarea>
				</div>
				<button type="submit" class="anniu"></button>
				</form>
			</div>
			<div class="content5-center-right">
				<ul>
					<li>
						<img src="img/log7.png" alt="">
						<a href="#">电子邮箱：1234567@123.com</a>
					</li>
					<li>
						<img src="img/log8.png" alt="">
						<a href="#">电话：12345678901</a>
					</li>
				</ul>
			</div>
		</div>
		</div>
	</section>
	<div class="end"></div>
</body>
</html>
